.banner_box .banner { position: relative;}
.banner_box .banner .content {}
.banner_box .banner .content ul { display: block;}
.banner_box .banner .content ul li { width: 100%; height: auto;display: none;}
/*.banner_box .banner .content ul li .img { width: 100%; height: auto; overflow: hidden; }
.banner_box .banner .content ul li .img img { width: 100%; height: auto; float: left;}*/
/*20211003*/
.banner_box .banner .content ul li .img { width: 100%; height: auto; overflow: hidden; }
.banner_box .banner .content ul li .img img { width: 100%; height: auto; float: left;}

.banner_box .banner .content ul li.active { display: block;}
.banner_box .banner .content ul li.active .img {}
.banner_box .banner .content ul li.active .img img {}

.banner_box .banner .dot_bar { width: 98%; height: 30px; text-align: center; position: absolute; left: 1%; bottom : 30px; }
.banner_box .banner .dot_bar > * { display: inline-block; line-height: 30px; }
.banner_box .banner .dot_bar .dot {display: inline-block; width: 30px; height: 30px; overflow: hidden; color: #fff; opacity: .5;vertical-align:text-bottom}
.banner_box .banner .dot_bar .dot i {font-size: 10px;}
.banner_box .banner .dot_bar .line {display: inline-block; height: 1px; overflow: hidden; background: #fff; margin-bottom: 14px; opacity: .5;vertical-align:text-bottom}
.banner_box .banner .dot_bar ul { height: 30px; }
.banner_box .banner .dot_bar ul li {display: inline-block;}
.banner_box .banner .dot_bar ul li .line {}
.banner_box .banner .dot_bar ul li .dot {}
.banner_box .banner .dot_bar ul li .dot i {}
.banner_box .banner .dot_bar ul li .text { position: absolute; top: -25px; margin-left: -40px; opacity: 0; font-size: 11px; font-weight: bold;}

.banner_box .banner .dot_bar ul li.active {}
.banner_box .banner .dot_bar ul li.active .line {}
.banner_box .banner .dot_bar ul li.active .dot { opacity: 1;}
.banner_box .banner .dot_bar ul li.active .dot i {color: #f7384a; font-size: 30px;}
.banner_box .banner .dot_bar ul li.active .text {  color: #fff; opacity: 1;transition: 1s all;}

.service_box { text-align: center;}

/*
.service_box .title { margin-top: 85px;}
.service_box .service_main { width: 100%; height: 435px; overflow: hidden;}
.service_box .service_main ul { display: block; clear: both; margin-top: 60px;}
.service_box .service_main ul li { max-width: 305px; height: auto; display: inline-block; vertical-align: top;}
.service_box .service_main ul li .service { width: 210px; height: auto; overflow: hidden; float: left;}
.service_box .service_main ul li .service .icon { width: 98px; height: 98px; display: inline-block; border-radius:98px; background: #fff; border:10px #e4e4e4 solid; margin: 15px; line-height: 98px; transition: .2s all;}
.service_box .service_main ul li .service .icon i { font-size: 55px; color: #a5a5a5; transition: .2s all;}
.service_box .service_main ul li .service .text { display: block; font-size: 24px; line-height: 30px; color: #464646; font-weight: bold; margin-top: 10px; transition: .2s all;}*/
/*20211003*/
.service_box .title { margin-top: 60px;}
.service_box .service_main {width: 100%;height: auto;overflow: hidden;padding-bottom: 90px;}
.service_box .service_main ul { display: block; clear: both; margin-top: 30px;}
.service_box .service_main ul li { max-width: 305px; height: auto; display: inline-block; vertical-align: top;}
.service_box .service_main ul li .service { width: 210px; height: auto; overflow: hidden; float: left;}
.service_box .service_main ul li .service .icon { width: 98px; height: 98px; display: inline-block; border-radius:98px; background: #fff; border:10px #e4e4e4 solid; margin: 15px; line-height: 98px; transition: .2s all;}
.service_box .service_main ul li .service .icon i { font-size: 55px; color: #a5a5a5; transition: .2s all;}
.service_box .service_main ul li .service .text { display: block; font-size: 20px; line-height: 30px; color: #464646; font-weight: bold; margin-top: 10px; transition: .2s all;}


.service_box .service_main ul li .line { width:0; border-right:1px solid #e3e3e3; height: 120px; float: right; margin-top: 40px;}
.service_box .service_main ul li:hover .service .icon { background: #f73846; border:20px #ffd9dc solid; margin: 5px; transition: .4s all;}
.service_box .service_main ul li:hover .service .icon i {color: #fff; transition: .4s all;}
.service_box .service_main ul li:hover .service .text {color: #f73846;margin-top: 20px; transition: .4s all; transition: .4s all;}

/*.service_box .service_other { height: 390px; background: #f3f3f3; text-align: center;}*/
/*20211003*/
.service_box .service_other { height: 330px; background: #f3f3f3; text-align: center;}

.service_box .service_other .title_2 { width: 210px; height: 20px; display: inline-block; margin-top: 45px; position: relative;}
.service_box .service_other .title_2 .line { width: 210px; height: 1px; background: #b6b6b6;}
.service_box .service_other .title_2 span { width: 120px; height: 16px; background: #f3f3f3; display: inline-block; font-style: italic; font-weight: bold; font-size: 16px; color: #5d5d5d; position: absolute; top: -10px; left: 45px;}

/*.service_box .service_other ul { margin-top: 60px;}*/
/*20211003*/
.service_box .service_other ul { margin-top: 30px;}

.service_box .service_other ul li {width: 230px; height: auto; display: inline-block; vertical-align: top;}
.service_box .service_other ul li .icon {width: 65px; height: 65px; display: inline-block; border-radius:65px; background: #fff; border:10px #e4e4e4 solid; margin: 15px; line-height: 65px; }
.service_box .service_other ul li .icon i {font-size: 40px; color: #a5a5a5; }
.service_box .service_other ul li .text {display: block; font-size: 16px; line-height: 30px; color: #464646; }


.case_box { background: #2e2e2e;}
.case_box .case_w { width: 25%; height: 326px; float: left; overflow: hidden; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

.case_box .case_w .title { background: #2e2e2e; margin-top:45px; margin-left: 20%; }
.case_box .case_w .title .ch_name { color: #fff;}
.case_box .case_w .more { float: left; width: auto; clear: both; margin-left: 20%; margin-top: 90px;}
.case_box .case_w .more i { color: #f73846; margin-right: 15px; padding-left: 5px;}
.case_box .case_w .more a { font-size: 17px; font-weight: bold;}
.case_box .case { position: relative; text-align: center; }
.case_box .case .picture {height: 100%; opacity: .5;}
.case_box .case .picture img { width: 100%; transition: .2s all;}
.case_box .case .text { position: absolute; top: 0; width: 90%; left: 5%; top:100px; opacity: 0; transition: .2s all;}
.case_box .case .text > a { font-size: 40px; font-weight: bold;}
.case_box .case .type { position: absolute; bottom: 40px; width: 90%; left: 5%; opacity: 0; transition: .2s all;}
.case_box .case .type a { width: auto; height: 34px; line-height: 34px; display: inline-block; padding:0 16px; background: #e5394a; border-radius:34px; font-size: 16px;}
.case_box .case:hover .picture {}
.case_box .case:hover .picture img {  opacity: .2; transition: .5s all;}
.case_box .case:hover .text { opacity: 1; transition: .5s all;}
.case_box .case:hover .text > a {}
.case_box .case:hover .type { opacity: 1;transition: .5s all;}
.case_box .case:hover .type a { }


/*20211003*/
.news_box { background: #e4e4e5 url(../img/news_bg_map.png) no-repeat center top;}
.news_box .title { margin-top: 70px; overflow: hidden; float: none;}
.news_box .new_content { width:100%; height: auto; overflow: hidden; margin: 40px auto 80px;}
.news_box .new_content .category { width: 100%; height: auto; display: block; overflow: hidden; text-align: center; }
.news_box .new_content .category li { width: auto; height: 50px; line-height: 50px; border-radius:25px; background: #fff; padding: 0 25px; display: inline-block; margin-right: 20px;}
.news_box .new_content .category li a { color: #232323; display: block; font-size: 20px; font-weight: 500;}
.news_box .new_content .category li.active,.news_box .new_content .category li:hover { background: #f7384a; color: #fff; transition: .3s all;}
.news_box .new_content .category li.active a,.news_box .new_content .category li:hover a { color: #fff; transition: .3s all;}
.news_box .new_content .new_content_list { width: 96%; margin:90px auto; text-align: center; display: none;}
.news_box .new_content .new_content_list li { width: 22.5%; margin:0 1%; display: inline-block; background: #fff; padding:25px 23px; box-sizing: border-box; text-align: left; transition: .3s all;}
.news_box .new_content .new_content_list li:hover {box-shadow: 0px 9px 24.64px 7.36px rgba(52, 52, 57, 0.29); transition: .3s all;}
.news_box .new_content .new_content_list li a.title { color: #232323; font-size: 22px; line-height: 32px; font-weight: 900; display: block; margin: 0; padding-bottom: 15px;}
.news_box .new_content .new_content_list li span { color:#a2a2a2;}
.news_box .new_content .new_content_list li p { width: 100%; height: 210px; overflow: hidden; padding-top: 15px; font-size: 17px; line-height: 26px; color: #555;}
.news_box .new_content .new_content_list li .more { padding-top: 18px; }
.news_box .new_content .new_content_list li .more i { color:#f7384a;}
.news_box .new_content .new_content_list li .more a { color:#939292; padding-left: 7px; font-weight:600; font-size: 17px;}